.control-pages {
  padding: 22px 16px; // 38rpx 28rpx
  box-sizing: border-box;
  width: 100%;
  border-radius: 20px 20px 0 0; // 35rpx 35rpx 0 0
  background: #F6FAFF;
	flex: 1;
  
  .content {
    background: #FFFFFF;
    border-radius: 10px; // 17rpx
    padding: 17px; // 30rpx
    margin-bottom: 17px; // 30rpx
    
    .title {
      font-size: 16px; // 28rpx
      font-weight: bold;
      color: #00042D;
      margin-bottom: 6px; // 10rpx
    }
    
    .sub-title {
      font-size: 12px; // 21rpx
      color: #006CFF;
      margin-bottom: 17px; // 30rpx
    }
    
    .items {
      display: flex;
      align-items: center;
      justify-content: space-between;
      
      .input-block {
       	width: 163px;
				// height: 49px;
				display: flex;
    		align-items: center;
        position: relative;
        
        input {
          width: 100%;
          height: 40px; // 70rpx
          background: #F2F6FF;
          border-radius: 8px; // 14rpx
          border: 1px solid #DAE2EA; // 2rpx
          padding: 0 14px; // 0 24rpx
          font-size: 14px; // 24rpx
          color: #00042D;
          box-sizing: border-box;
        }
        
        .unit {
          position: absolute;
          right: 14px; // 24rpx
          top: 50%;
          transform: translateY(-50%);
          font-size: 14px; // 24rpx
          color: #666666;
        }
      }
      
      .symbol {
        font-size: 14px; // 24rpx
        color: #666666;
      }
    }
  }
  
  .btn-block {
    width: 100%;
    display: flex;
    justify-content: center;
    
    .live-btn {
      width: 398px; // 300rpx
      height: 46px; // 80rpx
      background: #006CFF;
      border-radius: 23px; // 40rpx
      font-size: 16px; // 28rpx
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      
      &.position {
        position: fixed;
        bottom: 34px; // 60rpx
      }
    }
  }
}


// 额外的样式，补充config.scss中没有的
.input-block-one {
  position: relative;
  margin-bottom: 17px;
	// height: 49px;
	display: flex;
	align-items: center;
	position: relative;
  
  input {
    width: 100%;
    height: 40px;
    background: #F2F6FF;
    border-radius: 8px;
    border: 1px solid #DAE2EA;
    padding: 0 14px;
    font-size: 14px;
    color: #00042D;
    box-sizing: border-box;
  }
  
  .unit {
    font-size: 14px;
    color: #666666;
		flex: 1;
		padding-left: 16px;
  }
}

.textarea {
  width: 100%;
  height: 172px;
  background: #F2F6FF;
  border-radius: 8px;
  border: 1px solid #DAE2EA;
  padding: 11px;
  font-size: 14px;
  color: #00042D;
  box-sizing: border-box;
}


.textarea-block:focus-within,
.input-block:focus-within {
  border: 0 !important;
  box-shadow: none;
  background: none !important;
}

textarea, input {
  transition: all 0.3s ease;
}
textarea:focus-within, input:focus-within  {
  border-color: #006cff !important;
  box-shadow: 0 0 0 2px rgba(0, 108, 255, 0.1);
  background: #fff !important;
}